import { createBrowserRouter,Navigate } from 'react-router-dom'
import Login from '../pages/login'
import Main from '../pages/main'
import Home from '../pages/home'
import Mall from '../pages/mall'
import User from '../pages/user'
import PageOne from '../pages/other/pageOne'
import PageTwo from '../pages/other/pageTwo'

const routers =[
    {
        path: '/login',
        Component:Login
    },
    {
        path:'/',
        Component:Main,
        children:[ 
            //重定向
            {
                path:'/',
                element:<Navigate to="home" replace />

            },
            {
                path:'home',
                Component:Home
            },
            {
                path:'mall',
                Component:Mall
            },
            {
                path:'user',
                Component:User
            },
            {
                path:'other',
                children:[
                    {
                        path:'pageOne',
                        Component:PageOne
                    },
                    {
                        path:'pageTwo',
                        Component:PageTwo
                    }
                ]
            },
        ]
    }
]

export default createBrowserRouter(routers)